:host {
  .container {
    background: #2d353c;
    border-radius: 4px;
    padding: 20px;
    margin: 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  }
  .dropdown-menu {
    border: none;
    display: block;
    opacity: 1;
    transition: 0.25s;
    width: 480px;
    overflow-y: auto;
    max-height: 385px;
    padding: 0;
    margin: 0;
    list-style: none;
    background-clip: padding-box;
    font-weight: 400;
    font-size: 1.4rem;
    li {
      cursor: pointer;
      float: left;
      height: 32px;
      width: 150px;
      padding: 1px;
      text-align: left;
      margin: 0;
      a {
        background-color: #2d353c;
        border-radius: 4px 0px 0px 4px;
        display: inline-block;
        margin-right: 5px;
        visibility: hidden;
        width: 25px;
        outline: none;
        text-decoration: none;
        color: #fff;
        padding: 5px 11px 7px;
        line-height: 1.4286;
      }
    }
    li:hover {
      background-color: #4b555e;
      border-radius: 4px;
      a {
        visibility: visible;
      }
    }
  }
  .dropdown-inverse {
    background-color: transparent;
    color: #fff;
  }
}
